<style>
    .define{
        background-color: #f6f6f6;
    }
    .container-fluid{
        padding: 0;
    }
    .define-nav{
        background-color: #FFF;
        padding: 0.39393939rem 0 0.39393939rem 0.848484rem;
    }
    .define-nav .pull-left{
        color: #666;
        display: inline-block;
        font-size: 0.54rem;
        margin-top:6px;
    }
    .define-nav .pull-right{
        margin-right: 0.909090rem;
    }
    #admin_search_people,
    #admin_add_people{
        width: 3.272727rem;
    }
    .define-nav-list{
        font-size: 0.424242rem;
        margin-top: 0.87878787rem;
        margin-left: 0.909090rem;
        margin-right: 0.909090rem;
        color: #FFF;
    }
    .define-nav-list .define-nav-item{
        width: 30%;
        float: left;
    }
    .define-nav-list .define-nav-item:first-child{
        background-color: #08CBD3;
    }
    .define-nav-list .define-nav-item:nth-child(2){
        background-color: #FF874C;
        margin-left: 5%;
    }
    .define-nav-list .define-nav-item:last-child{
        margin-left: 5%;
        background-color: #4B9BE6;
    }
    .define-nav-item img{
        width: 1.69696969rem;
    }
    .define-nav-item{
        padding: 0.454545rem 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .define-nav-item .pull-left:first-child{
        margin-left: 8%;
    }
    .define-nav-item .pull-left:nth-child(2){
        margin-left: 7%;
        font-size: 0.54545454rem;
        line-height: 1.5;
    }
    .define-table-input button{
        background-color: #F7F9FA;
        border: 1px solid #E6E6E6;
        color: #999;
        height: 1.03rem;
        line-height: 0.606060rem;
        padding-left: 0.303030rem;
        padding-right: 0.303030rem;
        font-size: 0.424242rem;
        border-radius: 3px;
    }
    .define-table-input button i{
        padding-left: 1.333333rem;
    }
    .define-table-input button:focus,
    .define-table-input button:active,
    .define-table-input button:hover{
        border: 1px solid #E6E6E6;
    }
    .define-table{
        margin-left: 0.9090909rem;
        margin-right: 0.9090909rem;
    }
    .table{
        border-radius: 3px;
        margin-bottom: 0;
        border: 1px solid #E6E6E6;
        font-size: 0.424242rem;
    }
    .table thead{
        background-color: #FAFAFA;
        color: #999;
    }
    .table tr{
        padding-left: 0.606060rem;
    }
    .table td{
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        padding: 0.51515151rem 0.242424rem;
        line-height: 1;
    }
    .table tbody{
        background-color: #FFF;
    }
    .table tbody td{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        vertical-align: middle;
    }
    .table-hover tbody tr:hover td{
        background-color: #fafafa;
    }
    .table tbody td:nth-child(2) img{
        width: 1.212121rem;
        vertical-align: -1px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    td.clearfix img{
        width: 0.393939rem;
        vertical-align: -2px;
        margin-right: 5px;
    }
    td.clearfix div:nth-child(2),
    td.clearfix div:nth-child(3){
        margin-left: 0.606060rem;
    }
    /*预警内容*/
    .table tbody tr td:nth-child(3){
        padding: 0;
    }
    .table tbody tr td:nth-child(3)>div{
        display: table;
        width: 80%;
    }
    .table tbody tr td:nth-child(3)>div:hover{
        background-color: #08CBD3;
        color: #FFF;
    }
    .table tbody tr td:nth-child(3) img{
        width: 2.727272rem;
        min-width: 60px;
    }
    .table tbody tr td:nth-child(3)>div>div{
        display: table-cell;
        vertical-align: middle;
    }
    .table tbody tr td:nth-child(3)>div>div:nth-child(1){
        width: 2.727272rem;
        min-width: 60px;
        padding: 9px 10px 9px 10px;
    }
    .table tbody tr td:nth-child(3)>div>div:nth-child(2){
        padding: 5px 0 5px 0;
    }
    .table tbody tr td:nth-child(3) .define_all{
        background-color: #FFF;
        color: #1CC7BD;
        border: 1px solid #1CC7BD;
        display: inline-block;
        padding: 0.1rem 0.2rem;
        margin-top: 5px;
    }
    .table tbody tr td:nth-child(3) .define_all:hover{
        cursor: pointer;
    }
    .table tbody tr td:nth-child(3) .define_all_content{
        width: 124px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 1.5;
    }
    /*预警人*/
    .table tbody tr td:nth-child(4){
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
    .table tbody tr td:nth-child(4) .define_detail{
        display: inline-block;
        padding: 0.1rem 0.2rem;
        border: 1px solid #08CBD3;
        color: #08CBD3;
        margin-top: 10px;
        cursor: pointer;
    }
    /*状态*/
    .table tbody tr td:nth-child(6) div{
        display: inline-block;
        padding: 0.2rem 0.5rem;
    }
    .table tbody tr td:nth-child(6) div.active_red{
        color: #FF0000;
    }
    .table tbody tr td:nth-child(6) div.active{
        color: #08CBD3;
    }
    .table tbody tr td:nth-child(6),
    .table tbody tr td.clearfix:last-child{
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
    .table tbody tr td.clearfix:last-child .pull-left{
        padding: 0;
    }
    .table tbody tr td:nth-child(6) div{
        background-color: #e6e6e6;
        border-radius: 2px;
    }
    .define-paging{
        width: 98%;
        bottom: -1.05rem;
        display: block;
        color: #999;
        font-size: 0.363636rem;
        text-align: center;
        position: absolute;
    }
    /*改变鼠标悬浮样式  ↓*/
    .table tbody tr td.clearfix:last-child .pull-left:hover,
    .define-paging .pull-left:not(:first-child){
        cursor: pointer;
    }
    /*改变鼠标悬浮样式  ↑*/
    .define-paging .pull-left{
        padding: 0 0.272727rem;
    }
    .define-page.define-active{
        color: #47489A;
    }
    .define-paging .pull-left:first-child{
        margin-left: 38%;
        letter-spacing: 0.2rem;
    }
    /*处理中 、 处理完毕*/
    .define-nav-list+div.clearfix{
        position: relative;
        margin-left: 0.909090909rem;
        margin-right: 0.909090909rem;
        font-size: 0.424242rem;
        margin-top: 0.909rem;
        background-color: #F6F6F6;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #1CC7BD;
        border-right:1px solid #e6e6e6;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px;
    }
    .define-nav-list+div.clearfix div{
        border-right: 1px solid #e6e6e6;
        padding: 0.3rem 0.5rem;
        color: #999;
    }
    .define-nav-list+div.clearfix div:nth-child(1){
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-left-radius: 3px;
        border-left: 1px solid #e6e6e6;
    }
    .define-nav-list+div.clearfix div:nth-child(2){
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px;
    }
    #define-dealing.define-active,
    #define-dealend.define-active{
        background-color: #08CBD3;
        color: #FFF;
        border-left: 1px solid #08CBD3;
    }
    #define-warn-setting div{
        position: absolute;
        right: 10px;
        padding: 0.1rem 0.2rem;
        border-radius: 3px;
        top: 15%;
        border: none;
    }
    #define-warn-setting div:hover{
        background-color: #e6e6e6;
        cursor: pointer;
    }
    #define-warn-setting div img{
        width: 12px;
        vertical-align: -1px;
        padding-right: 5px;
    }
    .define-table-dealing,.define-table-dealend{
        display: block;
        overflow-y: auto;
    }
    .define-table-dealing.define-active,
    .define-table-dealend.define-active {
        display: none;
    }

    /*弹层*/
    /*弹层样式*/
    .modal{
        margin: 0;
        width: 42.7%;
        min-width: 572px;
        left:30%;
    }
    .modal.fade.in{
        top: 26%;
    }
    .modal-backdrop, .modal-backdrop.fade.in{
        opacity: 0.5;
    }
    .modal-header{
        background-color: #fafafa;
        color: #1CC7BD;
        font-size: 12px;
        padding: 0.3484848rem 0.636363rem;
    }
    .modal-header img{
        position: absolute;
        top:8%;
        right: 0.636363rem;
    }
    .modal-header img:hover{
        -webkit-animation: img_hover_rotate .2s linear;
        -o-animation: img_hover_rotate .2s linear;
        animation: img_hover_rotate .2s linear;
    }
    .modal .modal-body{
        font-size: 12px;
        padding: 0;
    }
    @-webkit-keyframes img_hover_rotate {
        0%{  -webkit-transform: rotate(0deg);  }
        100%{  -webkit-transform: rotate(90deg);  }
    }
    @-o-keyframes img_hover_rotate {
        0%{  -o-transform: rotate(0deg);  }
        100% {  -o-transform: rotate(90deg);  }
    }
    @-ms-keyframes img_hover_rotate {
        0%{  -ms-transform: rotate(0deg);  }
        100%{  -ms-transform: rotate(90deg);  }
    }
    @-moz-keyframes img_hover_rotate {
        0%{  -moz-transform: rotate(0deg);  }
        100%{  -moz-transform: rotate(90deg);  }
    }
    @-khtml-keyframes img_hover_rotate {
        0%{  -khtml-transform: rotate(0deg);  }
        100%{  -khtml-transform: rotate(90deg);  }
    }
    @keyframes  img_hover_rotate{
        0%{  transform: rotate(0deg);  }
        100%{  transform: rotate(90deg);  }
    }
    ul{
        margin: 0;
        list-style: none;
    }
    .modal_ul_first{
        padding: 0 0.606060606rem;
    }
    .modal_ul_first > li:not(:first-child){
        margin-top: 0.57575757rem;
    }
    .modal_ul_first > li > div{
        border-bottom: 1px solid #e6e6e6;
        padding: 0.4rem 0.3rem 0.4rem 0;
    }
    .modal_ul_first > li > div .pull-left{
        border-left: 3px solid #1CC7BD;
        padding-left: 10px;
        line-height: 1;
    }
    .modal_ul_first > li > div .pull-right img{
        vertical-align: -1px;
    }
    .modal_ul_second > li:not(:last-child){
        border-bottom: 1px dashed #e6e6e6;
    }
    .modal_ul_second > li:last-child{
        border-bottom: 1px solid #e6e6e6;
    }
    .modal_ul_second li > div{
        display: table;
        width: 100%;
    }
    .modal_ul_second li > div:not(:last-child){
        border-bottom: 1px dashed #e6e6e6;
    }
    .modal_ul_second li > div div{
        display: table-cell;
        width: 33.3333%;
        padding: 0.3rem 0.606060606rem;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second li,
    .modal_ul_first > li:nth-child(4) .modal_ul_second li:last-child,
    .modal_ul_first > li:nth-child(3) .modal_ul_second li > div,
    .modal_ul_first > li:nth-child(4) .modal_ul_second li > div{
        border: none;
    }
    .modal_ul_first > li:nth-child(4) .modal_ul_second li{
        padding: 0.3rem 0.6060606rem;
    }
    .modal_ul_first > li:nth-child(1) .modal_ul_second li{
        color: #999;
    }
    .modal_ul_first > li:nth-child(1) .modal_ul_second li span{
        color: #333;
        margin-left: 0.3rem;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second li > div:nth-child(1){
        padding-top: 0.3rem;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second li > div:nth-child(1) span{
        margin-left: 0.3rem;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second li > div:nth-child(2){
        position: relative;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second li > div:nth-child(2) img{
        position: absolute;
        width: 494px!important;
        margin-top: 0.3rem;
        height: 14px!important;
        max-width: none;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second li > div:nth-child(2) .modal_bg_img_div{
        padding: 0;
        position: absolute;
        display: block;
        overflow: hidden;
        height: 28px;
        width: 300px;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table{
        display: table;
        width: 496px;
        padding: 0;
        margin-top: 0.8rem;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table_cell{
        display: table-cell;
        width: 25%;
        padding: 0;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table_cell:nth-child(2) {
        padding-left: 6.5%;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table_cell:nth-child(3){
        text-align: right;
        padding-right: 7%;
    }
    .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table_cell:nth-child(4){
        text-align: right;
    }
    .modal_ul_first > li:nth-child(4) .modal_ul_second li > div:nth-child(1){
        color: #999;
    }
    .modal_ul_first > li:nth-child(4) .modal_ul_second li > div:nth-child(2){
        padding-top: 0.3rem;
    }
    .modal_ul_first > li:nth-child(4) .modal_ul_second li img{
        margin-left: 0.57575757rem;
        vertical-align: -1px;
    }
    #warn_print,#warn_download{
        margin-left: 1em;
    }
    #warn_print,#warn_download,#warn_view{
        margin-top: 3em;
        cursor: pointer;
    }
    #warn_view img,#warn_print img,#warn_download img{
        width: 12px;
        vertical-align: -1px;
        padding-right: 0.3rem;
    }
    #edit_parameter_modal .modal-body > div.clearfix{
        margin: 2em 0.6060606rem 3em;
        border-top: 1px solid #333;
    }

    /*适配*/
    @media (min-width: 1024px){
        /*18*/
        .define-nav .pull-left{
            font-size: 15px;
            margin-top: 3px;
        }
        .modal-header img{
            top: 2.5%
        }
        .define-table-input button{
            line-height: 1.33;
        }
        td.clearfix img{
            width: 0.5rem;
            vertical-align: -2px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.6rem;
        }
        .table tbody td:nth-child(2) img{
            vertical-align: 0;
        }
        .define-nav-input input{
            line-height: normal;
            font-size: 0.424242rem;
        }
        #define-warn-setting div{
            top: 11%;
        }
        .modal_ul_first > li > div{
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table{
            margin-top: 1.1rem;
        }
    }
    @media (min-width: 1100px) {
        /*20*/
        .define-table-input button{
            line-height: 1.45;
        }
        td.clearfix img{
            width: 0.46rem;
            vertical-align: -2px;
        }
        #define-warn-setting div{
            top: 12%;
        }
        .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table{
            margin-top: 1rem;
        }
    }
    @media (min-width: 1280px) {
        /*22*/
        .define-nav .pull-left{
            font-size: 17px;
            margin-top: 3px;
        }
        .modal-header img{
            top: 2.5%
        }
        .define-table-input button{
            line-height: 1.7;
        }
        td.clearfix img{
            width: 0.45rem;
        }
        .modal_ul_first > li > div{
            padding-top: 0.45rem;
            padding-bottom: 0.45rem;
        }
    }
    @media (min-width: 1366px) {
        /*24*/
        .define-nav .pull-left{
            font-size: 17px;
            margin-top: 3px;
        }
        .modal-header img{
            top: 3%
        }
        .define-table-input button{
            line-height: 1.9;
        }
        td.clearfix img{
            width: 0.4rem;
            vertical-align: -2px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.5rem;
        }
        #define-warn-setting div{
            top: 13%;
        }
        .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table{
            margin-top: 0.9rem;
        }
    }
    @media (min-width: 1440px) {
        /*25*/
        .define-nav .pull-left{
            margin-top: 4px;
        }
        .modal-header img{
            top: 2.9%
        }
        .define-table-input button{
            line-height: 1.95;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.45rem;
        }
    }
    @media (min-width: 1680px) {
        /*28*/
        .define-nav .pull-left{
            font-size: 18px;
            margin-top: 5px;
        }
        .modal-header img{
            top: 3.5%
        }
        .define-table-input button{
            line-height: 2.2;
        }
        td.clearfix img{
            width: 0.34rem;
            vertical-align: -2px;
        }
        td.clearfix div:nth-child(3) img{
            width: 0.4rem;
        }
        .table tbody td:nth-child(2) img{
            vertical-align: -1px;
        }
        #define-warn-setting div{
            top: 14%;
        }
        .modal_ul_first > li > div{
            padding-top: 0.42rem;
            padding-bottom: 0.42rem;
        }
        .modal_ul_first > li:nth-child(3) .modal_ul_second .modal_ul_second_table{
            margin-top: 0.8rem;
        }
    }
    @media (min-width: 1920px) {
        /*33*/
        .define-nav .pull-left{
            font-size: 0.54rem;
            margin-top: 6px;
        }
        #define-warn-setting div{
            top: 15%;
        }
        td.clearfix img{
            width: 0.3rem;
            vertical-align: -1px;
        }
        .modal_ul_first > li > div{
            padding-top: 0.38rem;
            padding-bottom: 0.38rem;
        }
    }
</style>

<div class="define">
    <div class="define-nav clearfix">
        <div class="pull-left">预警处理</div>
    </div>

    <div class="define-nav-list clearfix">
        <div class="define-nav-item clearfix">
            <div class="pull-left"><img src="/statics/images/complain_all_number.png" alt=""></div>
            <div class="pull-left">
                <div>预警总件数</div>
                <div>274件</div>
            </div>
        </div>
        <div class="define-nav-item clearfix">
            <div class="pull-left"><img src="/statics/images/complain_dealing.png" alt=""></div>
            <div class="pull-left">
                <div>已处理件数</div>
                <div>264件</div>
            </div>
        </div>
        <div class="define-nav-item clearfix">
            <div class="pull-left"><img src="/statics/images/complain_dealend.png" alt=""></div>
            <div class="pull-left">
                <div>未处理件数</div>
                <div>10件</div>
            </div>
        </div>
    </div>

    <div class="clearfix">
        <div class="pull-left define-active" id="define-dealing">处理中</div>
        <div class="pull-left" id="define-dealend">处理完毕</div>
        <div class="pull-right" id="define-warn-setting">
            <div><img src="/statics/images/sever_setting_parameter.png" alt="">预警设置</div>
        </div>
    </div>

    <div class="define-table define-table-dealing">
        <table id="define_content_dealing" class="table table-hover">
            <thead>
            <tr>
                <td>序号</td>
                <td>级别</td>
                <td>预警内容</td>
                <td>预警人</td>
                <td>时间</td>
                <td>状态</td>
                <td>上报主管</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>2</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>3</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>7</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>8</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>9</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>10</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active_red">处理中</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            </tbody>
        </table>
        <!--分页  开始-->
        <div class="define-paging clearfix">
            <div class="pull-left">共8页</div>
            <div class="pull-left" id="the_first_page">首页</div>
            <div class="pull-left" id="prev_page">上一页</div>
            <div class="pull-left define-page define-active">1</div>
            <div class="pull-left define-page">2</div>
            <div class="pull-left define-page">3</div>
            <div class="pull-left define-page">4</div>
            <div class="pull-left define-page">5</div>
            <div class="pull-left" id="next_page">下一页</div>
            <div class="pull-left" id="the_last_page">尾页</div>
        </div>
        <!--分页  结束-->
    </div>

    <div class="define-table define-table-dealend define-active">
        <table id="define_content_dealend" class="table table-hover">
            <thead>
            <tr>
                <td>序号</td>
                <td>级别</td>
                <td>预警内容</td>
                <td>预警人</td>
                <td>时间</td>
                <td>状态</td>
                <td>上报主管</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>2</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>3</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>7</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>8</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>9</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            <tr>
                <td>10</td>
                <td>1</td>
                <td>
                    <div>
                        <div><img src="/statics/images/ceshi.jpg" alt=""></div>
                        <div>
                            <div class="define_all_content">态度不好，服务不行</div>
                            <div class="define_all">全部</div>
                        </div>
                    </div>
                </td>
                <td>
                    <div>张三</div>
                    <div class="define_detail">详情</div>
                </td>
                <td>2017-10-31 15:30</td>
                <td><div class="active">已处理</div></td>
                <td>已上报,<span style="color: #08CBD3;">科室主任</span></td>
                <td class="clearfix">
                    <div class="pull-left"><img src="/statics/images/sever_deal_parameter.png" alt="">处理</div>
                </td>
            </tr>
            </tbody>
        </table>
        <!--分页  开始-->
        <div class="define-paging clearfix">
            <div class="pull-left">共8页</div>
            <div class="pull-left" id="the_first_page">首页</div>
            <div class="pull-left" id="prev_page">上一页</div>
            <div class="pull-left define-page define-active">1</div>
            <div class="pull-left define-page">2</div>
            <div class="pull-left define-page">3</div>
            <div class="pull-left define-page">4</div>
            <div class="pull-left define-page">5</div>
            <div class="pull-left" id="next_page">下一页</div>
            <div class="pull-left" id="the_last_page">尾页</div>
        </div>
        <!--分页  结束-->
    </div>
</div>

<!--预警内容详情弹层  开始-->
<div class="modal fade" tabindex="-1" role="dialog" id="edit_parameter_modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <span class="define-modal-close" data-dismiss="modal" aria-label="Close"><img src="/statics/images/sever_close.png" alt=""></span>
                <div class="modal-title">预警内容详情</div>
            </div>
            <div class="modal-body">
                <ul class="modal_ul_first" id="modal_select">
                    <!--患者基本信息-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">患者基本信息</div>
                        </div>
                        <ul class="modal_ul_second">
                            <li>
                                <div>
                                    <div>姓名 <span>张三</span></div>
                                    <div>性别 <span>男</span></div>
                                    <div>年龄 <span>43</span></div>
                                </div>
                                <div>
                                    <div>住院号 <span>A666</span></div>
                                    <div>门/急诊号 <span>B888</span></div>
                                    <div>联系电话 <span>15512345678</span></div>
                                </div>
                                <div>
                                    <div>疾病/住院危重程度 <span>较重</span></div>
                                    <div>患者家属合作态度 <span>较合作</span></div>
                                    <div></div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!--相关医护人员信息-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">相关医护人员信息</div>
                        </div>
                        <ul class="modal_ul_second">
                            <li>
                                <div>
                                    <div style="width: 8%">1</div>
                                    <div style="width: 15%">医师</div>
                                    <div>张三</div>
                                </div>
                                <div>
                                    <div style="width: 8%">2</div>
                                    <div style="width: 15%">护士</div>
                                    <div>李四</div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!--患者病情严重程度与行为部分（含家属）情况统计-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">患者病情严重程度与行为部分（含家属）情况统计</div>
                        </div>
                        <ul class="modal_ul_second">
                            <li>
                                <div>1 <span>患者病情程度</span></div>
                                <div>
                                    <img class="modal_bg_img" src="/statics/images/sever_plan_bg.png" alt="">
                                    <div class="modal_bg_img_div">
                                        <img class="modal_up_img" src="/statics/images/sever_plan_up.png" alt="">
                                    </div>
                                    <div class="modal_ul_second_table">
                                        <div class="modal_ul_second_table_cell">轻</div>
                                        <div class="modal_ul_second_table_cell">较轻</div>
                                        <div class="modal_ul_second_table_cell">较重</div>
                                        <div class="modal_ul_second_table_cell">严重</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>2 <span>演变为医患纠纷/医闹可能性</span></div>
                                <div>
                                    <img class="modal_bg_img" src="/statics/images/sever_plan_bg.png" alt="">
                                    <div class="modal_bg_img_div">
                                        <img class="modal_up_img" src="/statics/images/sever_plan_up.png" alt="">
                                    </div>
                                    <div class="modal_ul_second_table">
                                        <div class="modal_ul_second_table_cell">无</div>
                                        <div class="modal_ul_second_table_cell">较小</div>
                                        <div class="modal_ul_second_table_cell">较大</div>
                                        <div class="modal_ul_second_table_cell">非常大</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>3 <span>是否存在医疗不当投诉</span></div>
                                <div>
                                    <img class="modal_bg_img" src="/statics/images/sever_plan_bg.png" alt="">
                                    <div class="modal_bg_img_div">
                                        <img class="modal_up_img" src="/statics/images/sever_plan_up.png" alt="">
                                    </div>
                                    <div class="modal_ul_second_table">
                                        <div class="modal_ul_second_table_cell">无</div>
                                        <div class="modal_ul_second_table_cell">较少</div>
                                        <div class="modal_ul_second_table_cell">较多</div>
                                        <div class="modal_ul_second_table_cell">很多</div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>4 <span>患者及家属肢体动作</span></div>
                                <div>
                                    <img class="modal_bg_img" src="/statics/images/sever_plan_bg.png" alt="">
                                    <div class="modal_bg_img_div">
                                        <img class="modal_up_img" src="/statics/images/sever_plan_up.png" alt="">
                                    </div>
                                    <div class="modal_ul_second_table">
                                        <div class="modal_ul_second_table_cell">轻</div>
                                        <div class="modal_ul_second_table_cell">较轻</div>
                                        <div class="modal_ul_second_table_cell">较重</div>
                                        <div class="modal_ul_second_table_cell">严重</div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!--患者病情及处理情况-->
                    <li>
                        <div class="clearfix">
                            <div class="pull-left">患者病情及处理情况</div>
                        </div>
                        <ul class="modal_ul_second">
                            <li>
                                <div>患者病情描述</div>
                                <div>患者男性，43岁，既往有支气管炎病史三年，现在又出现了严重的咳嗽，应考虑慢性支气管炎合并了感染，其发生原因可能与天气变化、受凉 等因素有关。</div>
                            </li>
                            <li>
                                <div>患者诊疗方案</div>
                                <div>慢性支气管炎急性发作期，可能是由于受凉感冒后引起的，有肺部感染的情况，可以用点消炎药物来治疗，需做血常规和胸片明确诊断。平时 注意保暖预防受凉。</div>
                            </li>
                            <li>
                                <div>患者对病情知晓 手术及诊疗方案签字资料</div>
                                <div>患者是否已经知情 <img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                            <li>
                                <div>原因改进措施</div>
                                <div>暂无</div>
                            </li>
                            <li>
                                <div style="color: #333;">是否存在医闹潜在危险 <img src="/statics/images/sever_select.png" alt=""></div>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="clearfix">
                    <div class="pull-left" id="warn_view"><img src="/statics/images/sever_browse_parameter.png" alt="">浏览（120）</div>
                    <div class="pull-left" id="warn_download"><img src="/statics/images/sever_download_parameter.png" alt="">下载</div>
                    <div class="pull-left" id="warn_print"><img src="/statics/images/sever_prentf_parameter.png" alt="">打印</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--预警内容详情弹层  结束-->

<script src="/statics/js/warning_deal_management.js"></script>